<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>结算单明细管理</title>
    <#include "/common/link.ftl">

</head>
<body class="hold-transition skin-black sidebar-mini">
<div class="wrapper">
    <#include "/common/navbar.ftl">
    <!--菜单回显-->
    <#assign currentMenu="consumption"/>
    <#include "/common/menu.ftl">
    <div class="content-wrapper">
        <section class="content-header">
            <h1>结算单明细</h1>
        </section>
        <section class="content">
            <div class="box" style="padding: 10px;">
                <div class="box" style="border-top: none;">
                    <div class="box-header with-border">
                        <h3 class="box-title"><span class="glyphicon glyphicon-triangle-right"></span> 结算单明细</h3>
                    </div>
                    <div class="box-body no-padding">
                        <div class="mailbox-controls">
                            <div class="btn-group">
                                <#-- 新增 -->
                                <button type="button" class="btn btn-default btn-sm checkbox-toggle btn-input"><i class="fa fa-plus"></i></button>
                                <#-- 删除 -->
                                <button type="button" class="btn btn-default btn-sm " id="delete" data-json='${consumption}'><i class="fa fa-trash-o"></i></button>
                            </div>
                        </div>
                        <div class="table-responsive mailbox-messages">
                            <table class="table table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th><input type="checkbox" id="allid"></th>
                                        <th>业务大类</th>
                                        <th>业务小类</th>
                                        <th>结算类型</th>
                                        <th>消费金额(元)</th>
                                        <th>优惠金额(元)</th>
                                        <th>实收金额(元)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                <#--                                    定义当前页的全局变量,计算总数的金额-->
                                <#assign totalAmount=0/>
                                <#assign totalDiscount=0/>
                                <#assign totalPay=0/>

                                <#list items as i>
                                    <tr>
                                        <td><input type="checkbox" value="${i.id}"></td>
                                            <td>${i.categoryId.title}</td>
                                            <td>${i.categoryItemId.title}</td>
                                            <td>${i.payTypeId.title}</td>
                                            <td>${i.amount}</td>
                                            <td>${i.discountAmount}</td>
                                            <td>${i.payAmount}</td>
                                       </tr>
                                    <#assign totalAmount+=i.amount/>
                                    <#assign totalDiscount+=i.discountAmount/>
                                    <#assign totalPay+=i.payAmount/>
                                   </#list>
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th>总消费金额:${totalAmount}元</th>
                                        <th>总优惠金额:${totalDiscount}元</th>
                                        <th>总实收金额:${totalPay}元</th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
                <br/>
				    <div class="box" style="border-top: none;">
                    <div class="box-header with-border">
                        <h3 class="box-title"><span class="glyphicon glyphicon-triangle-right"></span> 结算单信息</h3>
                    </div>
                    <form class="box-body" class="form-horizontal" id="editForm" action="/consumption/saveOrUpdate" method="post" >
                        <input type="hidden" name="id" value="${consumption.id}" >

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>客户名称：</label>
                                    <input type="text" name="customerName" value="${consumption.customerName}" class="form-control" placeholder="请输入客户名称">
                                </div>
                                <div class="form-group">
                                    <label>客户电话：</label>
                                    <input type="text" class="form-control" name="customerTel" value="${consumption.customerTel}" placeholder="请输入客户电话">
                                </div>
                                <div class="form-group">
                                    <label>消费门店：</label>
                                    <select class="form-control" name="businessId.id">
                                        <option value="">请选择门店</option>
                                        <#list businesses as b>
                                            <option value="${b.id}">${b.name}</option>
                                        </#list>
                                    </select>
                                    <script>
                                        $("select[name='businessId.id']").val(${consumption.businessId.id})
                                    </script>
                                </div>
                                <div class="form-group">
                                    <label>进店时间：</label>
                                    <input type="text" class="form-control input-dateTime" name="checkinTime" value="${(consumption.checkinTime?string('yyyy-MM-dd HH:mm'))!}">
                                </div>
                                <div class="form-group">
                                    <label>离店时间：</label>
                                    <input type="text" class="form-control input-dateTime" name="checkoutTime" value="${(consumption.checkoutTime?string('yyyy-MM-dd HH:mm'))!}">
                                </div>
                                <div class="form-group">
                                    <label>车牌记录：</label>
                                    <input type="text" class="form-control" placeholder="请输入车牌记录" name="carLicence" value="${consumption.carLicence}">
                                </div>
                                <div class="form-group">
                                    <label>车型记录：</label>
                                    <input type="text" class="form-control" placeholder="请输入车型记录" name="carType" value="${consumption.carType}">
                                </div>

                                <div class="form-group">
                                    <label>结算单备注：</label>
                                    <textarea class="form-control"  rows="4" name="info"
                                              placeholder="请输入结算单备注">${consumption.info}</textarea>
                                </div>
                                <div class="form-group">
                                    <label>结算单状态：</label>
                                    <input type="text" class="form-control"  readonly value="${consumption.statuName}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>总消费金额(元)：</label>
                                    <input type="text" class="form-control" placeholder="请输入总消费金额" name="totalAmount" value="${(totalAmount?c)!}">
                                </div>
                                <div class="form-group">
                                    <label>优惠金额(元)：</label>
                                    <input type="text" class="form-control" placeholder="请输入优惠金额" name="discountAmount" value="${(totalDiscount?c)!}">
                                </div>
                                <div class="form-group">
                                    <label>实收金额(元)：</label>
                                    <input type="text" class="form-control" placeholder="请输入实收金额" name="payAmount" value="${((totalPay)?c)!}">
                                </div>
                                    <div class="form-group">
                                        <label>结算单流水号：</label>
                                        <input type="text" class="form-control" readonly name="cno" value="${consumption.cno}">
                                    </div>
                                    <div class="form-group">
                                        <label>关联预约单流水号：</label>
                                        <input type="text" class="form-control" readonly name="appointmentAno" value="${consumption.appointmentAno}">
                                    </div>
                                    <div class="form-group">
                                        <label>创建时间：</label>
                                        <input type="text" class="form-control" readonly name="createTime" value="${(consumption.createTime?string('yyyy-MM-dd HH:mm:ss'))!}">
                                    </div>
                                    <div class="form-group">
                                        <label>结算时间：</label>
                                        <input type="text" readonly class="form-control" name="payTime" readonly  value="${(consumption.payTime?string('yyyy-MM-dd HH:mm:ss'))!}"/>
                                    </div>
                                    <div class="form-group">
                                        <label>结算人：</label>
                                        <input type="text" class="form-control" name="payeeId.name" readonly  value="${e.name}">
                                    </div>
                                    <div class="form-group">
                                        <label>审核时间：</label>
                                        <input type="text" class="form-control" name="auditTime" readonly  value="${(consumption.auditTime?string('yyyy-MM-dd HH:mm:ss'))!}">
                                    </div>
                                    <div class="form-group">
                                        <label>审核人：</label>
                                        <input type="text" class="form-control" name="auditorId.name" readonly  value="${eaduit.name}">
                                    </div>
                            </div>
                        </div>

                        <div class="pull-right">
                            <button type="button" class="btn btn-primary btn-submit btn-save"><span class="glyphicon glyphicon-book"></span> 保存</button>
                            <button type="button" class="btn btn-warning btn-consume" data-id="${consumption.id}"><span class="glyphicon glyphicon-yen"></span> 结算</button>
                            <button type="button" class="btn btn-success btn-audit" data-json='${consumption}'><span class="glyphicon glyphicon-flag"></span> 审核</button>
							<button type="button" class="btn btn-danger btn-delete" data-url="/consumption/delete?id=${consumption.id}"><span class="glyphicon glyphicon-trash"></span> 删除</button>
                            <button type="button" class="btn btn-default btn-rollback" data-dismiss="modal">后退</button>
                        </div>

                    </form>
                </div>
            </div>
        </section>
    </div>
    <#include "/common/footer.ftl">
</div>

<!--模态框-->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">新增结算明细</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="consumptionItemForm" action="/consumptionItem/saveOrUpdate" method="post" >
                <#-- 结算单流水号 -->
                <input type="hidden" name="cno" value="${consumption.cno}">
<#--                结算单的id-->
                <input type="hidden" name="consumptionId" value="${consumption.id}">
                <div class="modal-body">
                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">业务大类：</label>
                        <div class="col-sm-7">
                            <select class="form-control" id="category" name="categoryId.id">
                                <option value="">请选择业务大类</option>
                                <#list sysitems as item>
                                    <option value="${item.id}">${item.title}</option>
                                </#list>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">业务小类：</label>
                        <div class="col-sm-7">
                            <select class="form-control" id="categoryItem" name="categoryItemId.id">

                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">结算类型：</label>
                        <div class="col-sm-7">
                            <select class="form-control" id="payType" name="payTypeId.id">
                                <option value="">请选择结算类型</option>
                                <#list payitems as item>
                                    <option value="${item.id}">${item.title}</option>
                                </#list>
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">消费金额(元)：</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control" name="amount" value="${consumption.totalAmount}"
                                   placeholder="请输入应收金额">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">优惠金额(元)：</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control" name="discountAmount" value="${consumption.discountAmount}"
                                      placeholder="请输入优惠金额">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">实收金额(元)：</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control" name="payAmount" value="${consumption.payAmount}"
                                   placeholder="请输入实收金额">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="submit" class="btn btn-primary btn-submit">保存</button>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
<script>
    $('.btn-input').click(function () {
         $('#editModal').modal("show");
    });
    //二级联动
    $('#category').change(function () {
        var opt = $(this).val();
        //AJAX返回的是dom
        var str='<option value="">请选择</option> ';
        $.post("/consumption/inputSysItems?typeId="+opt,function (data) {
            $(data).each(function (itm,element) {
                str+='<option value='+element.id+'>'+element.title+'</option>';
            });
            $('#categoryItem').html(str);
        })
    });
    //删除
    $('#allid').click(function () {
        var prop = $(this).prop("checked");
        $('input[type=checkbox]').prop("checked",prop);
    });

    $('#delete').click(function () {
        var data = $(this).data('json');
        var id = data.id;
        var input = $('input[type=checkbox]');
        input.each(function (item,elem) {
            var val = $(elem).prop("checked");
     //       var allvalue = $(elem).val();
            var itemid = $(elem).val();
            console.log(elem);
            if (val){
              $.post("/consumptionItem/deleteBycon?id="+itemid,function (data) {
                   $(elem).remove();
                   window.location.href="/consumption/input?id="+id;
              })
            }
        })
    })

//    保存
    $('.btn-save').click(function () {
        Swal.fire({
            text: "是否进行保存",
            icon: 'yes',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: '确定',
            cancelButtonText: '取消',
        }).then((result) => {
            if (result.value) {
                //点击确认按钮后做的事情
                $('#editForm').submit();
            }
        })

    });

//    结算
    $('.btn-consume').click(function () {
        var id = $(this).data('id');
        Swal.fire({
            text: "是否进行结算?",
            icon: 'yes',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: '确定',
            cancelButtonText: '取消',
        }).then((result) => {
            if (result.value) {
                //点击确认按钮后做的事情
                window.location.href='/consumption/payFinal?id='+id;
            }
        })

    })

//    审核
    $('.btn-audit').click(function () {
        var data = $(this).data('json');
        var id = data.id;
        Swal.fire({
            text: "是否进行审核?",
            icon: 'yes',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: '确定',
            cancelButtonText: '取消',
        }).then((result) => {
            if (result.value) {
                if (data.status==1){
                //待审核阶段才审核
                    Swal.fire({
                        title: '确定金额无误吗?',
                        text: "无误,归档,有误,坏账",
                        icon: 'yes',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: '归档',
                        cancelButtonText: '坏账',
                    }).then((result) => {
                        if (result.value) {
                            //归档
                            window.location.href='/consumption/audit?id='+id+'&status=2';
                        }else{
                            if (result.dismiss='cancel'){
                            //    坏账
                            window.location.href='/consumption/audit?id='+id+'&status=3';
                            }
                        }
                    });

                } else if (data.status==0){
                // 待结算的阶段
                    Swal.fire({
                        text: "请先结算!",
                        icon: 'yes',
                    });

                }else{
                    Swal.fire({
                        text: "已有审核!",
                        icon: 'yes',
                    });
                }
            }
        });
    })


//    后退

    $('.btn-rollback').click(function () {
         window.location.href="/consumption/list";
    })



</script>
</html>
